
// @font-face{font-family:'SourceHanSansCN';src:url('../font/SourceHanSansCN-Regular.otf');}
body { color: #717171; background-color: #f5f5f5;
    margin: 0 auto;
    font-family: "微软雅黑";
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

html,body{overflow-x: hidden;}
ul,li,li::marker,a{ list-style-type: none; padding: 0; margin: 0; text-decoration: none;}
.swiper1 {width: 100%; color: #717171;border-bottom: 1px solid #e8e8e8;
    .swiper-slide {
        width: 66px;
        padding:8px 0;
        font-size: 16px;
        // font-weight: bold;
        position: relative;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        // cursor: pointer;
    }
    .swiper-slide:nth-child(5) {
        width:256px;
        }

}

.swiper2 {
    width: 100%;
}
.swiper2 .swiper-slide {
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    padding: 15px 0;
    
}

.content{ display: none;
    ul{
        li{ flex: 0 0 47%;
            a{color: #333333; padding: 12px 5px;display: inline-block; width: 100%;
                span{ width:auto;display: inline-block;width: 20px;
                    img{display:inline-block; margin: 0 auto; width: 100%;}
                }
                b{font-weight: 400; margin-left:8px;display: inline-block;width:calc(100% - 30px); vertical-align: top;margin-top: -1px;}
            }
        }
    }
    .other{
        li{ flex: 0 0 100%;overflow: hidden;
            a{ padding:12px 15px 12px 28px;}
            b{width:calc(100% - 60px);}
        }
    }
}

.swiper1 .selected {
    color: #000; position: relative;
    &::before{ content: ''; position: absolute; z-index: 2; bottom:-1px; width:30px; height: 3px; background-color: #2f97fc;}
}

h1{font-size: 18px; padding:15px; margin: 0;color: #333333;
    em{ display: inline-block; margin-right:3px;
        img{width:24px;}
    }
    p{margin: 0;
        strong{display: inline-block; vertical-align: top; margin-top:2px;font-weight: 400;}
    }
    p:last-child{font-size: 14px;color: #717171; font-weight: 400; background: url(../images/togg.png) no-repeat center right; background-size: 12px; padding-right: 18px;}
    p:last-child.hide{ background: url(../images/togg2.png) no-repeat center right; background-size: 12px;}
}
h1~div{padding: 0 15px 15px 15px;}
.item{background-color: white; margin-bottom:15px;
li{
    a:hover{background-color: #7dbeff25;}
}
}
.radius{border-top-left-radius: 15px;border-top-right-radius: 15px; padding-top:15px; overflow: hidden; margin-top: -30px;}
.header{background: url(../images/bg.png) no-repeat center bottom #071753;background-size: 100%;
    img{ display: block; width: 70%; max-width: 547px; margin: 0 auto; padding: 55px 0 50px 0;}
}

.menu{background-color: #071753; padding:10px 15px; width: 100%; position: fixed; top: 0; left: 0;
    img{padding-right: 20px;}
}
.picbox{position:fixed;width: 100%; height: 100%; top: 0; left: 0; display: none;  z-index: 5; overflow-y: auto;
    // background: url(../images/logo.png) no-repeat center center; background-size: 80%; 
    background-color: #ffffff;
    ul{background-color: white;}
}
.pic{padding-top: 50px;}
.swiper1 .trans{transition-duration: 500ms; transform: translate3d(-130px, 0px, 0px);}
// 

.d-flex{
    display: flex;
}
.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  
  .flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  
  .flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  
  .flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  
  .flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  
  .flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  
  .flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  
  .flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  
  .flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  
  .flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  
  .flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  
  .flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  
  .justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  
  .justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  
  .justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  
  .justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  
  .justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  
  .align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  
  .align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  
  .align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  
  .align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  
  .align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  
  .align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  
  .align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  
  .align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  
  .align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  
  .align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  
  .align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  
  .align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  
  .align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  
  .align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  
  .align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  
  .align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  
  .align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  

  